/**
 * @Author: zkz
 * @CreateTime: 2021-10-14 16:23:59
 * @Description: 登录页面
 */

.login {
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  /* 使用图片背景 + 渐变遮罩 */
  background-image: url('../../assets/img/202505221.jpg');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  position: relative;
  overflow: hidden;
  padding: 24px;
}

/* 渐变光晕装饰 */
.login::before,
.login::after {
  content: "";
  position: absolute;
  width: 520px;
  height: 520px;
  border-radius: 50%;
  filter: blur(60px);
  opacity: 0.35;
  pointer-events: none;
}

.login::before {
  left: -180px;
  top: -140px;
  background: radial-gradient(closest-side, rgba(64, 169, 255, 0.35), rgba(64, 169, 255, 0));
}

.login::after {
  right: -160px;
  bottom: -160px;
  background: radial-gradient(closest-side, rgba(111, 207, 151, 0.35), rgba(111, 207, 151, 0));
}

.login-container {
  width: 420px;
  max-width: 100%;
  border-radius: 8px;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08);
}

/* 优化卡片内边距 */
.login-container .ant-card-body {
  padding: 40px 32px;
}

.login-logo {
  display: block;
  width: 160px;
  max-width: 60%;
  margin: 0 auto 24px;
}

/* 表单样式优化 */
.login .ant-form-item {
  margin-bottom: 18px;
}

.login .ant-input-lg {
  height: 40px;
}

.login .ant-btn-lg,
.login .ant-btn-primary {
  height: 40px;
  border-radius: 4px;
}